<div id="sidemenu" class="column-left ui-widget ui-widget-content ui-corner-all">
    <ul>
        <li><?php echo $ajax->link('Stock in Report', '/cust_reports/stock_in_search', array('indicator' => 'indicator', 'update' => 'divCustReport')); ?></li>
        <li><?php echo $ajax->link('Stock Out Report', '/cust_reports/stock_out_search', array('indicator' => 'indicator', 'update' => 'divCustReport')); ?></li>
    </ul>
</div>

<div id="divCustReport" class="column-content"></div>
<script type="text/javascript">
$j(function() {
    $j('#sidemenu ul li').handover().bind('click', function(event) {
        $j(this).addClass('selected');
        $j(this).siblings().removeClass('selected');
        if (event.target.tagName == 'LI') {
            $j('#indicator').show();
            $j('#divCustReport').load($j('a', this).attr('href'), function() {
                $j('#indicator').hide();
            });
        }
    });
});
</script>